﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="OrcasThemes">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Home</title>
<!-- Bootstrap core CSS -->
<link href="/static/index/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="/static/index/css/screen.css">
<link rel="stylesheet" href="/static/index/css/animation.css">
<!--[if IE 7]>

<![endif]-->
<link rel="stylesheet" href="/app/static/index/zhihu/js/index.js  ">
<!--[if lt IE 8]>
<link rel="stylesheet" href="/static/index/css/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link href="/static/index/css/lity.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/index/css/screen.css">


</head>
<body>
<!-- HOME 1 -->
<div id="home1" class="container-fluid standard-bg">
 <!-- HEADER -->
 <div class="header-top">
	<div><img class="photo_gif" src="/static/index/img/timg.jpg" alt="" /></div>
 </div>
 <!-- MENU -->
 <div class="row home-mega-menu ">
	<div class="col-md-12">
	   <nav class="navbar navbar-default">
		  <div class="navbar-header">
			 <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
			 <span class="sr-only">Toggle navigation</span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 </button>
		  </div>
		  <div class="collapse navbar-collapse js-navbar-collapse megabg dropshd ">
			 <ul class="nav navbar-nav">
				<li><a href="{{url_for('.index')}}">主页</a></li>
				<li><a href="{{url_for('.Comic_consulting')}}">漫画咨询</a></li>
				<li><a href="{{url_for('.light_novel')}}">短视频</a></li>
				<li><a href="{{url_for('.personal_center')}}">个人中心</a></li>
				 <li><a href="#" onclick="javascript:history.back(-1);">返回上一级</a></li>


                    </ul>
                    <div class="search-block">
                        <form>
                            <input type="search" placeholder="Search">
                        </form>
                    </div>
                    <div class="right-box">
                        <div class="user_btns fr">
                           {% if not user %}
                                    <a href="{{ url_for('login_blu.login') }}" class="login_btn"><font
                                            color="blue">登录</font> </a> /
                                    <a href="javascript:;" class="register_btn"><font color="blue">注册</font></a>
                                {% else %}
                                    <a href="{{ url_for('.personal_center') }}" class="login_btn"><font
                                            color="blue">{{ user.nick_name }}</font> </a><a href="#" id="logout">退出</a>
                                {% endif %}
                        </div>
                    </div>
                </div>
                <!-- /.nav-collapse -->
            </nav>
        </div>
    </div>
    <!-- CORE -->
    <div class="row">
        <!-- SIDEBAR -->
{#        <div class="col-lg-2 col-md-4 hidden-sm hidden-xs">#}
{#            <aside class="dark-bg">#}
{#                <article>#}
{#                    <h2 class="icon"><i class="fa fa-flash" aria-hidden="true"></i>动漫分类</h2>#}
{#                    <ul class="sidebar-links">#}
{#                        <li class="fa fa-chevron-right"><a href="#">玄幻·科幻</a><span>2.000</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">都市·校园</a><span>650</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">恐怖·悬疑</a><span>4.000</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">少儿·生活</a><span>7.800</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">海外·精品</a><span>200</span></li>#}
{#                    </ul>#}
{#                </article>#}
{#                <div class="clearfix spacer"></div>#}
{#                <article>#}
{#                    <h2 class="icon"><i class="fa fa-gears" aria-hidden="true"></i>人气排行</h2>#}
{#                    <ul class="sidebar-links">#}
{#                        <li class="fa fa-chevron-right"><a href="#">全部漫画</a><span>4.000</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">少年漫画</a><span>2.000</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">少女漫画</a><span>650</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">热血冒险</a><span>4.000</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">搞笑四格</a><span>7.800</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">恐怖灵异</a><span>200</span></li>#}
{#                        <li class="fa fa-chevron-right"><a href="#">侦探推理</a><span>200</span></li>#}
{#                    </ul>#}
{#                </article>#}
{#                <div class="clearfix spacer"></div>#}
{#            </aside>#}
{#        </div>#}
        <!-- HOME MAIN POSTS -->
        <div class="col-lg-10 col-md-8">
            <section id="home-main">
                <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>流行漫画</h2>
                <div class="row">
                    <!-- ARTICLES -->
                    <div class="col-lg-9 col-md-12 col-sm-12">
                        <!-- GALLERY VIDEO GRID SECTION -->
                    <section id="gallery-video-section">
                        <div class="row">
                            <!-- RELATED VIDEOS -->
                            <div class="col-lg-12 col-md-12 col-sm-12 category-video-grid video-info dropshd">
{#                                <h2 class="icon"><i class="fa fa-search" aria-hidden="true"></i>BOXED Video Gallery with#}
{#                                    Filter</h2>#}
                                <!-- VIDEO POSTS ROW -->
                                <div class="filter-box">
{#                                    {% for x in class_0 %}#}
                                    <button class="btn btn-default filter-button" data-filter="all">全部</button>
                                    <button class="btn btn-default filter-button" data-filter="tutorial">玄幻·科幻</button>
                                    <button class="btn btn-default filter-button" data-filter="css">都市·校园</button>
                                    <button class="btn btn-default filter-button" data-filter="jquery">恐怖·悬疑</button>
                                    <button class="btn btn-default filter-button" data-filter="jquery">少儿·生活</button>
                                    <button class="btn btn-default filter-button" data-filter="jquery">海外·精品</button>
{#                                    {% endfor %}#}
                                </div>
                                <!-- VIDEO POSTS ROW -->
                                <div class="row clear-auto">
                                    {% for page in pages if page.class_id==2 %}
                                        <div class="col-lg-2 col-md-6 col-sm-4 filter tutorial">
                                            <!-- POST L size -->
                                            <div class="post post-medium">
                                                <div class="thumbr">
                                                    <a class="post-thumb" href="detail/{{ page.id }}">
                                                        <span class="play-btn-border" title="Play"><i
                                                                class="fa fa-play-circle headline-round"
                                                                aria-hidden="true"></i></span>
                                                        <img class="img-responsive" src="{{ page.url_face }}" alt="#">
                                                        <font>{{ page.name }}</font>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                    {% for page in pages if page.class_id ==3 %}
                                 <div class="col-lg-2 col-md-6 col-sm-4 filter css">
                                    <!-- POST L size -->
                                    <div class="post post-medium">
                                       <div class="thumbr">
                                          <a class="post-thumb" href="detail/{{ page.id }}">
                                             <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                                             <img class="img-responsive" src="{{ page.url_face }}" alt="#">
                                              <font>{{ page.name }}</font>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                              {% endfor %}

                        </div>
                        <div class="clearfix spacer"></div>
                    </div>
                    <!-- RIGHT ASIDE -->
                    <div class="col-lg-3 hidden-md col-sm-12 text-center top-sidebar">
                        <!-- SIDEBAR ADVERTISE BOX -->
                        <a style="display:block;line-height:0;"
                           href="http://saxn.sina.com.cn/dsp/click?t=MjAxOS0wNi0xOCAxOTozMDoyMi4zNjYJMjIzLjEwNC4xNDcuMjEJMjIzLjEwNC4xNDcuMjFfMTU2MDg1NzQyMS44OTUxNzIJZDZmZGJjY2ItMzQxNC00NDhmLWI1YTYtZWIyZWZmYTdkZjEwCTM0ODEzNTQJNTk2NTgzMTg2Nl9QSU5QQUktQ1BDCTMyMDQ1NTQJMTIyMDg5CTMuODQ2MTUzOEUtNAkxCXRydWUJUERQUzAwMDAwMDA0MjEzNwk0MDYwNDQ0CVBDCWltYWdlCS0JMHw2dFRpS3FnQ3VFVk9SeWxxMEl0cE1zfG51bGx8bnVsbHxianwzNDgxMzU0fERUVXJidk83RFg5RGp6T01ZMjN1Y3wwfHx8fEJ8fDB8fHwwfC0xfDB8CQkxCS0JLQktCTAJMjIzLjEwNC4xNDcuMjFfMTU2MDg1NzQyMS44OTUxNzIJUENfSU1BR0UJLQlub3JtYWx8dXZmbS1ydAkJdXNlcl90YWc6MjA5NTE6MC4wfHVzZXJfYWdlOjYwNDowLjB8dXNlcl9nZW5kZXI6NTAxOjAuMHx2X3pvbmU6MzE2MDAxOjAuMHxjcm93ZHM6fF9jcm93ZHM6CTAJMTMwMDAwCTUwMDAwCS0JCTAJCTYzMWZmMWI0LTE4MDQtM2MzMy1iMTgyLTFiYzM3YmUwN2Q2MQkw&amp;userid=223.104.147.21_1560857421.895172&amp;auth=496972b1cd2cb700&amp;p=doQbKZtBMSmyLotbt7RwTZmhITdcm49M9Yw8Ig%3D%3D&amp;url=http%3A%2F%2Fsaxn.sina.com.cn%2Fclick%3Fid%3D17%26t%3DNzY4NDFiMjktOWI0MS0zMTI5LWIyMmUtOGI1YmI3YjQ3MDRkCTE3CVBEUFMwMDAwMDAwNDIxMzcJNDA2MDQ0NAkxCVJUQgktCVY1LjAuMF9fX0JYXzEwLjEzLjIyNC4xMjYJCQlwcm92aW5jZTozMTYwMDB8Y2l0eTozMTYwMDF8aXA6MjIzLjEwNC4xNDcuMjF8ZGV2aWNlaWQ6fGNvb2tpZToyMjMuMTA0LjE0Ny4yMV8xNTYwODU3NDIxLjg5NTE3MnxkaWQ6fHBsYXQ6cGN8dHM6MTU2MDg1NzQyMnx0ZjowfGFidGVzdDp8b3JpZ2luaXA6MTAuMTMuMjI0LjEyNnx0cmFmZmljOnBvcnRhbHxkeW5hbWljYWQ6fGNyZTp8YmFja2FkaW5kZXg6fGFjdGlvbjotMXx1cDotMXxkb3duOi0xfGNudG51bTotMXxwZGNvbnRyYWN0Oi18cGRkZXRhaWxpZDotfHByb2R1Y3RpZDotfHBkcGFja2FnZWlkOi0JNjMxZmYxYjQtMTgwNC0zYzMzLWIxODItMWJjMzdiZTA3ZDYx%26type%3D2%26url%3Dhttp%253A%252F%252Fqwsd.jsem600.com%252F%253Fgzid%253DK300500%26sina_sign%3Dde3b13b4c5851b97&amp;sign=7a71211025a663d8"
                           target="_blank"
                           data-ss="8d366a52011217a7=ngis&amp;79b1585c4b31b3edD3%ngis_anis62%005003KD352%dizgF352%F252%moc.006mesj.dswqF252%F252%A352%ptthD3%lru62%2D3%epyt62%xYDZ3ATZidzMjJWMtIDOxIWLzMzYz0CNwgTMtQjYxYmZxMjNJ0iOklWZnF2ajFGckBHftoDZpR3Y1R2byBHftoDZpxWahRXZkRGc81iO0NWYyRnbvNGZwxXMtoTb15GduNGfx0iOud3bkxXMtoDc1xXMtojbvlGdjFGf6gXZk5WakF2ajFmY8pTZyNGf6QWYjlWbh5WekxHbhRncvBnOjlmZmFmc0xnNyEjL0IjMuMTMuATM6AXaul2ZpJ3b8pDdzVGdiFGfwojZ0xnMyQzN1gDM2UTM6MHd8NGc6QXYsBHf6QWakxnM3ETN5gjLxIDN3UDOwYTNx8VMy4yN0EjL0ATMuMjMyoTZpt2bvNGf6QWalNWa2VGZ8FjMucDNx4CNwEjLzIjM6AXa8FDMwYTMzoTe0l2Y8BDMwYTMzoTZj5Wa29mcwlQCJYjMx4CNyIjLzEjLwEzXYJ0Xf9FMuAjL1YVCtkgQUJVCxkAN0QDM2ADNJczMxIDNwADMwADMwMFUEBVC3ETCkRDM3QjY3ImY1IGOtUmMyIWL5ITMz0SM0IWOtkjMiFDN4YzND3%t62%71D3%diF3%kcilcF2%nc.moc.anis.nxasF2%F2%A3%ptth=lru&amp;D3%D3%gI8wY9M94mcdTIhmZTwR7tbtoLymSMBtZKbQod=p&amp;007bc2dc1b279694=htua&amp;271598.1247580651_12.741.401.322=diresu&amp;wkQM2Q2NwUmY3MzYiFTLygTMi1yMzM2MtQDM4ETL0IWMmZWMzYTCJATCJ0SCwADMwUTCwADMwMTMJATC6MHZ39mcj9Ff6MHZ39mcjxHMuAjOxADM2EzM6Umbvp3X2xHMuAjOxATN6IXZk5WZn9lclNXd8BjLwoDNwYjOldWYfJXZzVHfw4CM6ETN5AjM6cWY09lclNXdJkAdy1SbmZXd8xWYtJ3bulQLJU0RB1USfNEUJIzNxUTO44SMyQzN1gDM2UTMfFjMucDNx4CNwEjLzIjMJATCtkQLJ0SCxkQC8BDfx0CfwwHf8BDf8JEf8xHfww3Y1NjMZ10T6pGR5gFR38kdiJXVUREf0UzMxgDNzwnaixHbsVnb8xGb15Gfz1Ec0lEMxxWeS9kVFV3QnF3SpRFd2wHMJ0SCldWYtlWCDBVC0QDNwYDM0kwNzEjM0ADMwADMwAzUQREUJUWdyRXCxkANtUEOzUTM2QDOuMTC5gDMyITMJQTN1QDMyMTCDB1QtkUQQ5USQ9lN2gTMzgTN2kTNJQTNzEDO0MTCwEjZkdTYmZWZyIWZtYTY1IWLmhDN00CNxQzMtI2YjJGZmZDZJIzNxUTO44SMyQzN1gDM2UTMfFjMucDNx4CNwEjLzIjMJEjMucDNx4CNwEjLzIjMJYjNz4iMyoDMzoTOxACOx0iNw0SOxAjM=t?kcilc/psd/nc.moc.anis.nxas//:ptth"
                           onmousedown="return sinaadToolkit.url.fortp(this, event);">
                            <img src="/static/index/img/广告.png"
                                 alt="Buy Now Muvee Reviews Bootstrap HTML5 Template"
                                 title="Buy Now Muvee Reviews Bootstrap HTML5 Template">
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<!-- MAIN -->
<div id="main" class="container-fluid">
    <div class="container-fluid">
        <!-- MAIN CONTENT -->
        <div class="col-lg-10 col-md-12">
            <div class="clearfix"></div>
            <div class="clearfix spacer"></div>
            <!-- REVIEWS -->
            <section id="main-reviews">
                <div id="myCarousel2" class="carousel slide" data-ride="carousel">
                    <h2 class="icon"><i class="fa fa-star" aria-hidden="true"></i>精彩视频</h2>
                    <div class="carousel-control-box">
                        <a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev"><i
                                class="fa fa-chevron-left" aria-hidden="true"></i></a>
                        <a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next"><i
                                class="fa fa-chevron-right" aria-hidden="true"></i></a>
                    </div>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <div class="row auto-clear">
                                <article class="reviews col-lg-2 col-md-4 col-sm-4">
                                    <!-- POST L size -->
                                    <div class="post post-medium">
                                        <a class="thumbr post-thumb" href="" data-lity="">
                                            <span class="review-number">4.5</span>
                                            <img src="/static/index/img/thumbs/thumb-review.jpg" class="img-responsive"
                                                 alt="#">
                                        </a>
                                        <div class="infor">
                                            <h4>
                                                <a class="title" href="#">Little Miss Piggy</a>
                                            </h4>
                                            <div class="ratings">
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-half"></i>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                                <article class="reviews col-lg-2 col-md-4 col-sm-4">
                                    <!-- POST L size -->
                                    <div class="post post-medium">
                                        <a class="thumbr post-thumb" href="" data-lity="">
                                            <span class="review-number">4.5</span>
                                            <img src="/static/index/img/thumbs/thumb-review.jpg" class="img-responsive"
                                                 alt="#">
                                        </a>
                                        <div class="infor">
                                            <h4>
                                                <a class="title" href="#">Little Miss Piggy</a>
                                            </h4>
                                            <div class="ratings">
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-half"></i>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!-- FOOTER -->
<div id="footer" class="container-fluid footer-background">
    <div class="container">
        <footer>
            <!-- SECTION FOOTER -->
            <div class="row copyright-bottom text-center">
                <div class="col-md-12 text-center">
                    <p>Copyright &copy; 2019.Company name All rights reserved.</p>
                </div>
            </div>
        </footer>
    </div>
</div>
<!-- JAVA SCRIPT -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/index/js/jquery-1.12.1.min.js"></script>
<script src="/static/index/js/bootstrap.min.js"></script>
<script src="/static/index/js/lity.js"></script>
<script type="text/javascript" src="/static/index/js/main.js"></script>
<script>
    $(".nav .dropdown").hover(function () {
        $(this).find(".dropdown-toggle").dropdown("toggle");
    });
</script>
<script>
     $(".nav .dropdown").hover(function() {
       $(this).find(".dropdown-toggle").dropdown("toggle");
     });
     $(document).ready(function(){
         $(".filter-button").click(function(){
             var value = $(this).attr('data-filter');

             if(value == "all")
             {
                 //$('.filter').removeClass('hidden');
                 $('.filter').show('1000');
             }
             else
             {
     //            $('.filter[filter-item="'+value+'"]').removeClass('hidden');
     //            $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
                 $(".filter").not('.'+value).hide('3000');
                 $('.filter').filter('.'+value).show('3000');

             }
         });

     });
</script>
<!-- MODAL -->
<div id="enquirypopup" class="modal fade in " role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content row">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>free access</h2>
            </div>
            <div class="modal-body">
                <form name="info_form" class="form-inline" action="#" method="post">
                    <div class="form-group col-sm-12">
                        <input type="text" class="form-control" name="name" id="name" placeholder="Enter Name">
                    </div>
                    <div class="form-group col-sm-12">
                        <input type="email" class="form-control" name="email" id="email" placeholder="Enter Email">
                    </div>
                    <div class="form-group col-sm-12">
                        <button class="subscribe-btn pull-right" type="submit" title="Subscribe">Subscribe</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
